<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
     <%@ taglib  uri="/WEB-INF/tlds/authorizetag.tld" prefix="px"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<link href="/admin/public/animate.css" rel="stylesheet">
<link rel="stylesheet" href="/admin/css/Tab_swiper.css" />
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<!-- 时间控件样式 -->
<link
	href="/admin/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<link href="/admin/public/animate.css" rel="stylesheet">
<link rel="stylesheet" href="/admin/public/inspinia.css" />
<link rel="stylesheet" href="/admin/css/templet_form.css" />
<link rel="stylesheet" type="text/css"
	href="${request.getContext }/admin/css/xcConfirm.css" />
<link rel="stylesheet" href="/admin/css/new_page_if.css" />
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<style>
	.form-control{
		margin-left:0;
	}
	.table-striped>tbody>tr:nth-child(odd),.table-striped>tbody>tr:nth-child(even) {
	    background-color: #f9f9f9;
	}
</style>
<script src="/admin/My97/WdatePicker.js"></script>
</head>
<body>

	<div
		style="width: 20px; height: 100%; position: relative; left: 16px; box-shadow: -5px 0 20px #8e9092;"></div>
	<div class="container-frame-detail" id="containerDetail"
		style="display: block; right: 0px; width: 780px; position: relative; bottom: 100%; left: 16px; height: 100%;">
		<div class="detail-inner" id="detailInner">
			<div class="slid-panel-header clearfix">
				<span class="panel-title">工资详情</span> <span class="form-close-icon"></span>
			</div>
			<div class="detail_left">
				<div class="detail_left_inner">
					<div class="detail_left_head">
						<span class="detail_left_title"> 教练：${realname}${dayTime } </span>
					</div>
					<div class="customer_tabs fn-clear">
						<ul class="detail_main_nav">
							<li><a class="slide-panel-tab slide_nav_hover" href="#gaikuang_content">工资记录</a></li>
						</ul>
						<div class="detail_panels_main_body" style="min-height: 700px;">
							<div id="gaikuang_content" class="active">
								<%-- <div class="row">
									<div class="col-lg-12 col-md-12 col-sm-12 chosen-container chosen-container-single" style="margin-bottom: 15px;">
		                        		<img style="position: relative;left:-20px; top: 2px" src="/admin/My97/datePicker.gif"/>
					            		<input type="text" placeholder="开始时间" style="width:175px;float:left;" id="startTime" name="startTime" value="${startTime }" class= "form-control" onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss'})" /><img style="position: relative;left:-243px; top: 2px" src="/admin/My97/datePicker.gif"/>
					            		<span style="float:left; margin-top: 5px">——</span>
					            		<input type="text" placeholder="结束时间" style="width:175px;float:left; margin-left: 3px" id="endTime" name="endTime" value="${endTime }" class="form-control" onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
		                  				<input type="button" onclick="smsFor()" class="btn btn-w-m btn-primary" value="搜索" />
		                  			</div>
		                  		</div> --%>
		                  		<div class="row">
									<div class="col-lg-12">
										<table
											class="table table-striped table-bordered table-hover dataTables-example"
											style="text-align: center;" id="tablea">
											<thead>
												<tr>
													<th style="text-align: center;width:8%">序号</th>
													<th style="text-align: center;width:28%">课程名称</th>
													<th style="text-align: center;width:16%">课程时间</th>
													<th style="text-align: center;width:12%">签到人数</th>
													<th style="text-align: center;width:12%">课程人数</th>
													<th style="text-align: center;width:12%">签到率</th>
													<th style="text-align: center;width:12%">工资</th>
												</tr>
											</thead>
											<tbody>
												<c:forEach items="${list}" var="item" varStatus="n">
													<tr class="td">
														<td >${n.index+1}</td>
														<td>${item.coursesName}</td>
														<td >${item.dayTime}</td>
														<td >${item.shiji}<c:if test="${empty(item.shiji)}">0</c:if></td>
														<td>${item.zong}</td>
														<td >${item.baifenbi}%</td>
														<td><fmt:formatNumber value="${item.allMoney}" />元</td>
													</tr>
												</c:forEach>
											</tbody>
										</table>
									</div>
								</div>
							   <div class="row">
						<form action="" id="for" name="for" method="post">
							<input type="hidden" name="yehao" id="yin" value="1"> <input
								type="hidden" name="pagesize" id="tiaoshu"
								value="${page.pageSize }">
							<div class="fy">
								<span style="float: left;margin-left: 7px;">每页条数：</span> <select
									style="width: 70px; float: left;"
									onchange="changeItem(this.value)" id="pagesize" name="pageSize">
									<option value="10" ${page.pageSize==10?'selected':'' }>10</option>
									<option value="20" ${page.pageSize==20?'selected':'' }>20</option>
									<option value="50" ${page.pageSize==50?'selected':'' }>50</option>
									<option value="100" ${page.pageSize==100?'selected':'' }>100</option>
									<option value="200" ${page.pageSize==200?'selected':'' }>200</option>
								</select>
								<div style="height: 27px;" class="col-sm-7">
									<div class="dataTables_paginate paging_simple_numbers"
										id="editable_paginate">
										<ul class="pagination pull-right" style="margin: -3px 0;">
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow-1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="0">上一页</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a aria-controls="editable" style="border: 0"
												data-dt-idx="0" tabindex="1"><input type="text"
													id="current"
													style="width: 32px; height: 22px; text-align: center;"
													value="${page.totalPageCount==0?0:page.pageNow}" /> /
													${page.totalPageCount }</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow+1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="5">下一页</a>
												<a href="javascript:han($('#current').val())"
												aria-controls="editable" data-dt-idx="0" tabindex="5">跳转</a>
											</li>
										</ul>
									</div>
								</div>
								<div style="float: right;margin-right: 10px;">总共${page.totalCount }条</div>
							</div>

						</form>
					</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="/admin/public/jquery-1.11.3.js"></script>
	<script src="/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<script src="/admin/js/Tab_swiper.js"></script>
	<script src="${request.getContext }/admin/js/xcConfirm.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="/admin/js/multipleselect/multiple-select.js"></script>
	<script src="/admin/public/zTree/js/jquery.ztree.all.js"></script>
	<script src="/admin/js/plugins/toastr/toastr.min.js"></script>
	<script src="/admin/js/new_page_if.js"></script>
	<script src="/admin/public/bootstrap.min.js" type="text/javascript"></script>
	<!-- 时间控件样式 -->
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker-update.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src="/admin/js/plugins/toastr/toastr.min.js"></script>
		<script src="/admin/js/new_page.js"></script>
	<script type="text/javascript">
	function han(pn){
		document.getElementById("yin").value=pn;
		var biao=document.getElementById("for");
		biao.submit();
	}
	function changeItem(size) {
		document.getElementById("tiaoshu").value=size;
		var pn=$("#current").val();
		var biao=document.getElementById("for");
		biao.submit();
	 }
	

		</script>
</body>
</html>